	* {
		list-style: none;
		padding: 0;
		margin: 0;
		border: 0;
		font-family: '微软雅黑';
	}

	.layout-banner-box {
		padding: 0.20rem;
		box-sizing: border-box;
		border-radius: 0.1rem;
		overflow: hidden;

	}

	.swiper-container {
		border: 2px solid white;
		border-radius: 0.2rem;

		.swiper-pagination-bullets {
			bottom: -0.2rem;
		}

		.swiper-pagination-bullet {
			height: 0.05rem;
			width: 0.5rem;
			background: rgba(255, 255, 255, 0.5);
			border-radius: 1px;
		}

		.swiper-pagination-bullet-active {
			background: white;
		}

		.swiper-slide {
			text-align: center;
			font-size: 18px;
			background: #fff;
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
			background-position: center;
			background-size: cover;
		}

		.swiper-slide a {
			display: block;
			line-height: 0px;
			font-size: 0px;


			img {
				width: 100%;
			}
		}
	}

	.layout-filter {
		padding: 2vw 5vw 5vw;
		display: flex;

		.layout-filter-item {
			flex: 1;
			align-items: center;

			&.act {
				.iconfont {
					color: white;
					background-color: #c49859;
				}
			}

			.iconfont {
				margin: 0 auto;
				width: 0.8rem;
				height: 0.8rem;
				line-height: 0.8rem;
				text-align: center;
				border-radius: 100%;
				display: block;
				font-size: 0.5rem;
				color: #f27c9a;
				background-color: #fff;
				margin-bottom: 3vw;
			}

			h6 {
				color: #c49859;
				width: 100%;
				text-align: center;
				flex: none;
				font-size: 0.24rem;
			}
		}
	}

	.layout-main {
		.layout-list {
			padding: 0 0.53rem;

			.li {
				display: block;
				margin-bottom: 0.3rem;
				border: 1px solid #c49859;
				border-radius: 0.2rem;
				padding: 0.05rem;
				box-sizing: border-box;
				position: relative;

				&.act::before {
					content: '';
					background: url(../images/list-item-tag.png);
					// left: -0.1rem;
					top: 0.2rem;
					position: absolute;
					width: 1.22rem;
					height: 0.4rem;
					background-size: cover;
				}

				.layout-box {
					border-radius: 0.2rem;
					overflow: hidden;
					background: url(../images/bg-desc.jpg);
				}

				img {
					height: 2.7rem;
					width: 100%;
					float: left;
				}

				.layout-desc {
					float: left;
					height: 0.4rem;
					line-height: 0.4rem;
					font-size: 0.24rem;
					color: #c49859;
					width: 100%;
					padding: 0 0.2rem;
					box-sizing: border-box;
					position: relative;

					&.food:before {
						content: "";
						left: 0.16rem;
						top: 0rem;
						bottom: 0;
						margin: auto;
						position: absolute;
						width: 0.26rem;
						height: 0.26rem;
						background-size: cover;
						background-image: url(../images/daocha.png);
					}

					p {
						text-align: right;
					}
				}
			}
		}
	}